<template>
    <div>
        <!-- 底部 -->
        <mt-tabbar :fixed='true' class="footer">
            <mt-tab-item id="外卖">
                <router-link to="/index">
                    <div class="myicon myicon-menu"></div>
                    首页
                </router-link>
            </mt-tab-item>
            <mt-tab-item id="订单">
                <router-link to="/category">
                    <div class="myicon myicon-menu">
                    </div>
                    分类
                </router-link>
            </mt-tab-item>
            <mt-tab-item id="发现">
                <div class="myicon myicon-menu">
                </div>
                购物车
            </mt-tab-item>
            <mt-tab-item id="我的">
                <router-link to="/login">
                    <div class="myicon myicon-menu">
                    </div>
                    会员中心
                </router-link>
            </mt-tab-item>
        </mt-tabbar>
    </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.footer {
  background-color: #26a2ff;
  color: #fff;
}
.isActive {
  color: orange;
}
</style>
